<template>
    <!-- pages/joinUS/joinUS.wxml -->
    <view :class="uiStyle == 1 ? '' : 'uiStyle'">
		<view class="head-block" v-if="weixin == 2">
				     <view class="nav-title" :style="'top:10px'"></view>
					 <!-- 返回 -->
					 <view class="icon" @tap="goMy" :style="'top:6px'">
					      <van-icon name="arrow-left" color="#333" size="45rpx" />
					  </view>
		</view>
        <view class="join-top">
            <image src="../../static/assets/img/login.png"></image>
            <view class="join-top-title">邻里停</view>
            <!-- <view class="join-top-version">v2.5.0</view> -->
        </view>
        <view class="join-title-box">
            <view class="join-title-before"></view>
            <view class="join-title">关于我们：</view>
        </view>
        <view class="join-content">
            <text>
                “邻里停”是以社区为中心、多业态车场资源融合互补、分时错峰共享的共享停车服务平台。\n 车场/个人都可以将闲置车位发布、共享给邻里使用，实现互利互惠，共同缓解停车难题。
            </text>
        </view>
        <view class="join-title-box">
            <view class="join-title-before"></view>
            <view class="join-title">加入邻里停：</view>
        </view>
        <view class="join-content">
            社区合作、停车场合作、单位/小区合作、广告合作，欢迎联系： 白板
            <text @tap="call" :data-data="13666689069">13666689069</text>
        </view>
        <view class="join-intro">或者留下您的联系方式，我们将第一时间跟您联系：</view>
        <view class="input-box">
            <input @confirm="inputCompany" @blur="inputCompany" confirm-type="done" placeholder="您的单位" />
        </view>
        <view class="input-box">
            <input @confirm="inputContactphone" @blur="inputContactphone" confirm-type="done" placeholder="联系方式" />
        </view>
        <view @tap="submit" class="btn">反馈</view>
    </view>
</template>

<script>
// pages/joinUS/joinUS.js
import util from './../../utils/util.js';
import api from './../../utils/api.js';
export default {
    data() {
        return {
            companyName: '',
            contactPhone: '',
			uiStyle:1,
			weixin:uni.getStorageSync('weixin')
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
		this.uiStyle = uni.getStorageSync('uiStyle')
	},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    // onShareAppMessage: function () {
    // }
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */ methods: {
        inputCompany(e) {
            this.setData({
                companyName: e.detail.value
            });
        },

        inputContactphone(e) {
            this.setData({
                contactPhone: e.detail.value
            });
        },
		goMy() {
		     uni.navigateBack({
		         delta: 1
		     });
		 },
        // 提交反馈
        submit() {
            if (this.companyName == '') {
                uni.showToast({
                    title: '请填写您的单位',
                    icon: 'none'
                });
                return;
            }

            if (this.contactPhone == '') {
                uni.showToast({
                    title: '请填写您的联系方式',
                    icon: 'none'
                });
                return;
            }

            let param = {
                companyName: this.companyName,
                contactPhone: this.contactPhone,
                contactName: '',
                contactContent: ''
            };
            util.request(api.joinUS, param, 'POST')
                .then((res) => {
                    if (res.success) {
                        uni.showToast({
                            title: '提交成功'
                        });
                        setTimeout(() => {
                            // wx.switchTab({
                            //   url: '../my/my',
                            // })
                            uni.navigateBack({
                                delta: 1
                            });
                        }, 1500);
                    } else {
                        uni.showToast({
                            title: res.msg || '接口请求异常',
                            icon: 'none'
                        });
                    }
                })
                .catch((err) => {
                    console.log(err);
                    uni.showToast({
                        title: '接口出错了，请重试',
                        icon: 'none'
                    });
                });
        },

        call(e) {
			if(uni.getStorageSync('weixin') == 3 || uni.getStorageSync('weixin') == 4){
				ZWJSBridge.phoneCall({
				  "corpId": e.currentTarget.dataset.data.toString()
				}).then(res => {
				  console.log(res)
				}).catch(err => {
				  console.log(err) 
				})
			}else{
				uni.makePhoneCall({
				    phoneNumber: e.currentTarget.dataset.data.toString()
				}).catch((e) => {
				    console.log(e);
				});
			}

        }
    }
};
</script>
<style>
@import './joinUS.css';
</style>
